// Bootstrap overrides for this template
a {
  color: $anchor-text-color;
  &:focus,
  &:hover,
  &:active {
    color: darken($anchor-text-color, 10%);
  }
}

textarea.form-control {
  height: 150px;
}

.btn {
  border-width: 2px;
}

.bg-primary {
  background-color: $primary !important;
}

.bg-secondary {
  background-color: $secondary !important;
}

.bg-grey {
  background-color: $grey !important;
}

.text-primary {
  color: $primary !important;
}

.text-accent {
  color: $accent !important;
}

.text-helper {
  color: $secondary-light !important;
}

.text-secondary {
  color: $secondary !important;
}

.btn-primary {
  background-color: $primary;
  border-color: $primary;
  &:hover,
  &:focus,
  &:active {
    background-color: darken($primary, 10%);
    border-color: darken($primary, 10%);
  }
}

.btn-secondary {
  background-color: $secondary;
  border-color: $secondary;
  &:hover,
  &:focus,
  &:active {
    background-color: darken($secondary, 10%);
    border-color: darken($secondary, 10%);
  }
}

.btn-accent {
  background-color: $accent;
  border-color: $accent;
  color: #fff;
  &:hover,
  &:focus,
  &:active {
    background-color: darken($accent, 10%);
    border-color: darken($accent, 10%);
    color: #fff;
  }
}